<template>
	<navigatorComp title="墓地设置" bgcColor="#1E201F" fontColor="#fff"></navigatorComp>

	<view class="content">
		<view class="settingBox">
			<view class="box">
				<view class="settingWrap">
					<view class="title">逝者资料</view>
					<view class="setting">
						<view
							class="settingItem"
							@click="goUrl('/subPages/home/memoryHall/create_memoryHall?isEdit=1')"
						>
							<image
								src="http://112.124.50.179:8888/imgs/home/setting1.png"
								mode=""
							></image>
							<view>基本信息</view>
						</view>
						<view
							class="settingItem"
							@click="goUrl('/subPages/home/memoryHall/briefIntro')"
						>
							<image
								src="http://112.124.50.179:8888/imgs/home/setting2.png"
								mode=""
							></image>
							<view>生平简介</view>
						</view>
						<view
							class="settingItem"
							@click="goUrl('/subPages/home/memoryHall/memoryAlbum')"
						>
							<image
								src="http://112.124.50.179:8888/imgs/home/setting3.png"
								mode=""
							></image>
							<view>回忆相册</view>
						</view>
						<view
							class="settingItem"
							@click="goUrl('/subPages/home/memoryHall/memoryVideo')"
						>
							<image
								src="http://112.124.50.179:8888/imgs/home/setting4.png"
								mode=""
							></image>
							<view>纪念视频</view>
						</view>
						<!-- <view class="settingItem" @click="goUrl('/subPages/home/memoryHall/leaveMess')">
							<image src="http://112.124.50.179:8888/imgs/home/setting5.png" mode=""></image>
							<view>留言管理</view>
						</view> -->
						<view class="settingItem" @click="goUrl('/subPages/home/memoryHall/rest')">
							<image
								src="http://112.124.50.179:8888/imgs/home/setting5.png"
								mode=""
							></image>
							<view>真实墓地</view>
						</view>
					</view>
				</view>
				<!-- <view class="settingWrap" style="margin-top: 60rpx" @click="goUrl('/subPages/home/cemetery/index')">
					<view class="title">逝者资料</view>
					<view class="setting">
						<view class="settingItem">
							<image src="http://112.124.50.179:8888/imgs/home/setting6.png" mode=""></image>
							<view>纪念馆背景</view>
						</view>
						<view class="settingItem">
							<image src="http://112.124.50.179:8888/imgs/home/setting7.png" mode=""></image>
							<view>墓园背景</view>
						</view>
						<view class="settingItem">
							<image src="http://112.124.50.179:8888/imgs/home/setting8.png" mode=""></image>
							<view>纪念馆音乐</view>
						</view>
					</view>
				</view> -->
			</view>
		</view>
	</view>
</template>

<script setup>
import { onLoad } from '@dcloudio/uni-app';
import { ref, reactive } from 'vue';
import navigatorComp from '/components/navigator/index.vue';
const goUrl = (url) => {
	uni.navigateTo({
		url: url
	});
};
</script>

<style lang="scss">
page {
	background-color: #1e201f;
	/* #ifdef H5 */
	padding-top: 0;
	/* #endif */
}

.content {
	// padding: 0;
}

.border {
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #292b2a 0%, #8a918e 100%);
	border-radius: 14rpx;
	padding: 64rpx;
	box-sizing: border-box;
}

.settingBox {
	margin-top: 32rpx;
	overflow: hidden;
	width: 100%;
	height: 708rpx;
	box-sizing: border-box;
	padding: 1px;
	border-radius: 14px;
	background-image: -webkit-linear-gradient(
		top,
		rgba(255, 255, 255, 0.6) 0%,
		rgba(255, 255, 255, 0) 100%
	);
}

.box {
	width: 100%;
	height: 100%;
	border-radius: 14px;
	background: linear-gradient(180deg, rgba(33, 36, 34, 1) 0%, rgba(89, 95, 91, 1) 100%);
	padding: 64rpx;
	box-sizing: border-box;
}

.settingWrap {
	.title {
		font-weight: 400;
		font-size: 32rpx;
		color: #ffffff;
		line-height: 32rpx;
		margin-bottom: 48rpx;
	}

	.setting {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		font-weight: 400;
		font-size: 28rpx;
		color: #ffffff;
		line-height: 28rpx;
		margin-right: -128rpx;

		.settingItem {
			margin-right: 128rpx;
			display: flex;
			align-items: center;
			margin-bottom: 40rpx;
		}
	}

	image {
		width: 40rpx;
		height: 40rpx;
		margin-right: 24rpx;
	}
}
</style>
